<template>
  <main>
    <div class="app-container">
      <FcDesignerInput v-model="value"></FcDesignerInput>
      <div>value: {{ value }}</div>
    </div>
  </main>
</template>
<script>
import FcDesignerInput from '@/components/FcDesignerInput/FcDesignerInput.vue'

export default {
  components: { FcDesignerInput },
  data() {
    return {
      value: {
        rule: [
          {
            type: 'input',
            field: 'Ft4bm55960aqabc',
            title: '输入框',
            info: '',
            $help: '',
            $required: false,
            _fc_id: 'id_Feemm55960aqacc',
            name: 'ref_Ffytm55960aqadc',
            display: true,
            hidden: false,
            _controls: [{ valueType: 'eq', rules: {}, value: '111' }],
            controlType: 'select'
          },
          {
            type: 'input',
            field: 'Fcy0m5596134aec',
            title: '标题',
            info: '',
            $required: false,
            props: { type: 'textarea' },
            _fc_id: 'id_F7tgm5596134afc',
            name: 'ref_Fn6gm5596134agc',
            display: true,
            hidden: false
          }
        ],
        defaultData: {},
        preferenceData: {}
      }
    }
  },
  mounted() {},
  methods: {}
}
</script>
